import React from "react";
import styles from "./index.module.less";
import SvgIcon from "@components/SvgIcon";

const ChatSearchMould = (props) => {
    return (
        <div className={styles.search_wrap}>
            <div className={styles.search_main}>
                <div className={styles.search_icon}>
                    <SvgIcon font="icon-search" />
                </div>
                <input
                    type="text"
                    className={styles.inner}
                    placeholder="搜索"
                />
                <div className={styles.x}>
                    <div className={styles.x_icon}>
                        <SvgIcon font="icon-cuowuguanbiquxiao-yuankuang" />
                    </div>
                </div>
            </div>
            <div className={styles.add_wrap} title="发起群聊">
                <SvgIcon font="icon-zengjia" />
            </div>
        </div>
    );
};

export default ChatSearchMould;
